<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <!--<meta http-equiv="Cache-Control" content="no-siteapp"/>-->
    <link rel="Bookmark" href="imgs/bai.ico"/>
    <link rel="Shortcut Icon" href="imgs/bai.ico"/>
    <title>业务模板</title>
    <!--<link rel="stylesheet" type="text/css" href="../h5/css/tmp.css"/>-->
    <style type="text/css">
        body { margin: 0; padding: 0; background: #ddd; }
        body div { max-width: 500px; }
        #body { max-width: 500px; width: 100%; background: #fff; }
        /*headeer*/
        #header { padding: 10px 0; width: 100%; background: #fff; text-align: center; color: #888; font-size: 12px; font-weight: bolder; box-shadow: 0 0 5px #888; position: fixed; top: 0; z-index: 1000; }
        /*表格*/
        #form { margin-top: 35px; width: 100%; }
        #showImgOut { width: 100%; height: 200px; overflow: hidden; }
        #form table { margin: 5px 0; padding: 0 5%; width: 100%; border-collapse: collapse; font-size: 13px; color: #888; }
        #form th { padding: 10px; color: #888; background: #eee; text-align: left; }
        #form td { padding: 10px; border: 1px solid #efefef; }
        #form .tl { width: 40%; text-align: right; }
        #form .tr { width: 60%; color: #333; font-weight: bolder; }
        /*广告位*/
        #advert { margin-top: 10px; width: 100%; height: 80px; background: #ccc; color: #888; overflow: hidden; }
        #advert img { width: 100%; }
        /*小程序弹窗*/
        #xcxBtn { padding: 10px; background: #ffffff; border-radius: 5px; font-size: 14px;
            border: 1px solid #CCCCCC; box-shadow: 0 0 10px #CCCCCC; opacity: 0.8;
            position: fixed; bottom: 10vh; left: 75vw; z-index: 100;}
    </style>
</head>
<body>
<div id="body">
    <!--header-->
    <div id="header">物品单页</div>
    <!--表格-->
    <div id="form">
        <div id="showImgOut">
            <img src="imgs/bai.png"/>
        </div>
        <!--主题信息-->
        <table>
            <tr>
                <th colspan="2">主体信息</th>
            </tr>
            <tr>
                <td class="tl">标题</td>
                <td class="tr" id="title">xx</td>
            </tr>
            <tr>
                <td class="tl">码编号</td>
                <td class="tr" id="show_code">xx</td>
            </tr>
            <tr>
                <td class="tl">描述</td>
                <td class="tr" id="describe">xx</td>
            </tr>
            <tr>
                <td class="tl">访问量</td>
                <td class="tr" id="visit_total">0</td>
            </tr>
        </table>
        <!--广告位-->
        <div id="advert">
            <div style="text-align: center; line-height: 70px;">广告</div>
            <!--<img src="imgs/bai.png" width="100%"/> -->
        </div>
        <!--属性-->
        <table>
            <tr>
                <th colspan="2">更多属性</th>
            </tr>
            <tbody id="attrList">
            <tr>
                <td class="tl">属性名</td>
                <td class="tr">属性值</td>
            </tr>
            </tbody>
        </table>
        <!--更多-->
        <!--<table>-->
            <!--<tbody>-->
            <!--<tr>-->
                <!--<td colspan="2" style="padding-left: 35%; color: #0088CC; cursor: pointer;" onclick="xcxPop();">更多信息点击这里</td>-->
            <!--</tr>-->
            <!--</tbody>-->
        <!--</table>-->
        <div id="xcxBtn" onclick="copy(); xcxPop();">更多信息<br>点击这里</div>
    </div>

    <!--小程序弹窗-->
    <span id="xcxPop"></span>
    <!--信息弹窗-->
    <span id="msgPop"></span>
</div>
</body>
</html>


<script type="text/javascript" src="../h5/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../h5/js/view.js"></script>
<script type="text/javascript" src="../h5/js/tmp.js"></script>
<script type="text/javascript" src="../ad369/js/ewm/jquery.qrcode.js"></script>
<script type="text/javascript" src="../ad369/js/ewm/utf.js"></script>
<script type="text/javascript" src="../ad369/js/ewm/html2canvas.min.js"></script>
<script type="text/javascript" src="../ad369/js/ewm/FileSaver.js"></script>
<script type="text/javascript">
    var cw = document.documentElement.clientWidth;
    var ch = document.documentElement.clientHeight;
    var code = getParamByUrl('code');
    var h5code = getParamByUrl('h5code');
    (function(){
        getOne();
    })();
    //点击复制
    function copy(){
        var $temp = $("<input>");
        $("body").append($temp);
        $temp.val(h5code).select();
        document.execCommand("copy");
        $temp.remove();
        msgPop({msg: '复制成功'});
    }
</script>